<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>拼图</title>
    <link rel="stylesheet" href="./index.css">
    <script src="./index.js" defer></script>
</head>

<body>
    <div class="container">
        <div class="original_img">
            <img src="./nezha.png" alt="" srcset="">
        </div>
        <div class="game_area">
            <div class="grid">
                <div class="block">
                    <div value="0" class="img_wrap" onclick="handleClick(event)"></div>
                </div>
                <div class="block">
                    <div value="1" class="img_wrap" onclick="handleClick(event)"></div>
                </div>
                <div class="block">
                    <div value="2" class="img_wrap" onclick="handleClick(event)"></div>
                </div>
                <div class="block">
                    <div value="3" class="img_wrap" onclick="handleClick(event)"></div>
                </div>
                <div class="block">
                    <div value="4" class="img_wrap" onclick="handleClick(event)"></div>
                </div>
                <div class="block">
                    <div value="5" class="img_wrap" onclick="handleClick(event)"></div>
                </div>
                <div class="block">
                    <div value="6" class="img_wrap" onclick="handleClick(event)"></div>
                </div>
                <div class="block">
                    <div value="7" class="img_wrap" onclick="handleClick(event)"></div>
                </div>
                <div class="block">
                    <div value="8" class="img_wrap" onclick="handleClick(event)"></div>
                </div>
            </div>
            <div class="btn">
                <button onclick="handleRestart()">重新开始</button>
            </div>
        </div>
    </div>

</body>

</html>